<?php $perfil_id = $this->Util->id_decode($this->Session->read('perfil_id')); ?>
<div class="panel-heading"><span class="titulo_modulo">Nuevo</span></div>
<?php echo $this->Form->create('Solicitud', array('id' => 'alquiler', 'inputDefaults' => array('div' => false, 'label' => false))); ?>
<table class="form_registros">
    <tr>
        <td colspan="2">&nbsp;</td>
    </tr>
    <?php if(in_array($perfil_id, array(1, 3))) { ?>
    <tr>
        <td>C&eacute;dula</td>
        <td><?php echo $this->Form->input('cedula', array('class' => 'cedrif')); ?></td>
    </tr>
    <tr>
        <td>Cliente</td>
        <td><?php echo $this->Form->input('nombre', array('readOnly' => true, 'class' => 'bloqueado')); ?></td>
    </tr>
    <?php if($perfil_id == 1) { ?>
    <tr>
        <td>T&eacute;cnico</td>
        <td><?php echo $this->Form->select('usuario_id', $listadoTecnicos, array('empty' => 'Seleccione')); ?></td>
    </tr>
    <?php } ?>
    <?php } ?>
    <tr>
        <td>Tipo de Alquiler</td>
        <td><?php echo $this->Form->select('tiempo', $listadoTiempos, array('empty' => 'Seleccione')); ?></td>
    </tr>
    <tr>
        <td>Fecha Desde</td>
        <td><?php echo $this->Form->input('fecha_d', array('type' => 'text', 'class' => 'fd')); ?></td>
    </tr>
    <tr>
        <td>Hora Desde</td>
        <td><?php echo $this->Form->input('hora_d', array('class' => 'hora')); ?></td>
    </tr>
    <!--tr>
        <td>Fecha Hasta</td>
        <td><?php //echo $this->Form->input('fecha_h', array('type' => 'text', 'class' => 'fh')); ?></td>
    </tr>
    <tr>
        <td>Hora Hasta</td>
        <td><?php //echo $this->Form->input('hora_h', array('class' => 'hora')); ?></td>
    </tr-->
    <tr>
        <td colspan="2">
            <fieldset>
                <legend>Lavadoras a Solicitar</legend>
                <div class="botonera"><?php echo $this->Form->button('Agregar', array('class' => 'agregar')); ?></div>
                <table class="form_registros">
                    <tr>
                        <td>Lavadora 1</td>
                        <td><?php echo $this->Form->select('SolicitudDetalle.0.lavadora_id', $listadoLavadoras, array('empty' => 'Seleccione', 'class' => 'lav')); ?></td>
                    </tr>
                    <tbody id="lista_lavadoras"></tbody>
                </table>
            </fieldset>
        </td>
    </tr>
    <tr>
        <td colspan="2">&nbsp;</td>
    </tr>
        <td colspan="2" class="centro">
            <?php echo $this->Form->button('Guardar', array('class' => 'btn_accion guardar')); ?>&nbsp;
            <?php echo $this->Html->link('Cancelar', array('controller' => 'Solicituds', 'action' => 'index/1'), array('class' => 'btn_accion cancelar')) ?>
        </td>
    </tr>
</table>
<?php
    echo $this->Form->input('cliente_id', array('type' => 'hidden'));
    echo $this->Form->input('cant', array('type' => 'hidden', 'value' => 1));
    echo $this->Form->input('lavadoras', array('type' => 'hidden', 'value' => json_encode($listadoLavadoras)));
    echo $this->Form->end();

    $this->Validador->setFormulario('alquiler');
    $this->Validador->setRules('data.Solicitud.cedula', array('required' => array('value' => true)));
    $this->Validador->setRules('data.Solicitud.nombre', array('required' => array('value' => true)));
    $this->Validador->setRules('data.Solicitud.usuario_id', array('required' => array('value' => true)));
    $this->Validador->setRules('data.Solicitud.tiempo', array('required' => array('value' => true)));
    $this->Validador->setRules('data.Solicitud.fecha_d', array('required' => array('value' => true)));
    $this->Validador->setRules('data.Solicitud.hora_d', array('required' => array('value' => true)));
    $this->Validador->setRules('data.SolicitudDetalle.0.lavadora_id', array('required' => array('value' => true)));
    //$this->Validador->setRules('data.Solicitud.fecha_h', array('required' => array('value' => true)));
    //$this->Validador->setRules('data.Solicitud.hora_h', array('required' => array('value' => true)));
    //$this->Validador->setRules('data.Solicitud.estatus', array('required' => array('value' => true)));
    $this->Validador->printScript(true);
?>
<script type="text/javascript">
    $(function(){
        $("form#alquiler").tooltip({
            show: false,
            hide: false
        });
        
        $('input.cedrif').change(function(){
            var dato = this.value;
            if(dato != '') {
                $.ajax({
                    url: '<?php echo Router::url(array('controller' => 'Clients', 'action' => 'buscarCliente')) ?>',
                    type: 'POST',
                    data: { cedula: dato },
                    success: function(data) {
                        var nombre = '', id = '', cedula = '';
                        if(data != '') {
                            var cliente = $.parseJSON(data);
                            id = cliente.id;
                            nombre = cliente.nombre;
                            nombre += (cliente.apellido != '') ? " " + cliente.apellido : "";
                            cedula = cliente.cedula;
                        } else
                          $.fn.mensajes(dialogoAvisos, '', 'Cliente No Registrado');  
                      
                        $('input#SolicitudCedula').val(cedula);
                        $('input#SolicitudNombre').val(nombre);
                        $('input#SolicitudClienteId').val(id);
                    }
                });
            } else
                $('input#SolicitudNombre').val('');
                $('input#SolicitudClienteId').val('');
        });
        
        $('button.agregar').click(function(e){
            e.preventDefault();
            var cant = parseInt($('input#SolicitudCant').val()) + 1, 
                listaLavadoras = $('input#SolicitudLavadoras').val(), 
                html = '<tr>\n\
                            <td>Lavadora ' + cant + '</td>\n\
                            <td>\n\
                                <select id="SolicitudDetalle' + cant + '.lavadora_id" name="data[SolicitudDetalle][' + cant + '][lavadora_id]" class="lav">\n\
                                    <option value="">Seleccione</option>',
                campoSelect = '';
            $.each($.parseJSON(listaLavadoras), function(indice, valor){
                campoSelect += '<option value="' + indice + '">' + valor + '</option>';
            });
            
            html += campoSelect + '</select><button class="quitar">Quitar</button></td></tr>';
            $('tbody#lista_lavadoras').append(html);
            
            $('select.lav').each(function(){
                if(this.value != '') {
                    var id = this.id,
                        valor = this.value;
                    $('select.lav').each(function(){
                        if(id != this.id)
                            $('option[value="' + valor + '"]', this).remove();
                    });
                }
            });
            
            $('button.quitar').button({icons: {primary: 'ui-icon-minus'}, text: false});
            $('input#SolicitudCant').val(cant);
        });
        
        $(document).on('focus', 'select.lav', function(){
            valorOriginal = this.value,
            textoOriginal = $('option:selected', this).text();
        }).on('change', 'select.lav', function(){
            var idActual = this.id,
                valorActual = this.value;
            $('select.lav').each(function(){
                if((idActual != this.id) && (valorActual != '')) {
                    $('option[value="' + valorActual + '"]', this).remove();
                }
                if((valorOriginal != '') && (idActual != this.id))
                    $(this).append('<option value="' + valorOriginal + '">' + textoOriginal + '</option>');
            });
        });
        
        $(document).on('click', 'button.quitar', function(e){
            e.preventDefault();
            var cant = parseInt($('input#SolicitudCant').val()) - 1,
                elemento = $(this).parent().parent(),
                combo = elemento.find('select.lav');
            if(combo.val() != '') {
                $('select.lav').each(function(){
                    $(this).append('<option value="' + combo.val() + '">' + elemento.find('select.lav option:selected').text() + '</option>');
                });
            }
            elemento.remove();
            $('input#SolicitudCant').val(cant);
        });
    });
</script>